<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link href="/bootstrap/css/bootstrap.css" rel="stylesheet"
	media="screen">
<script type="text/javascript" src="/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="/bootstrap/js/bootstrap.js"></script>
<title></title>
</head>
<body>
	<div class="container">
		<form role="form">
			<div class="form-group">
				<label for="exampleInputEmail1">Email address</label> <input
					type="email" class="form-control" id="exampleInputEmail1"
					placeholder="Enter email">
			</div>
			<div class="form-group">
				<label for="exampleInputPassword1">Password</label> <input
					type="password" class="form-control" id="exampleInputPassword1"
					placeholder="Password">
			</div>
			<div class="form-group">
				<label for="exampleInputFile">File input</label> <input type="file"
					id="exampleInputFile">
				<p class="help-block">Example block-level help text here.</p>
			</div>
			<div class="checkbox">
				<label> <input type="checkbox"> Check me out
				</label>
			</div>
			<button type="submit" class="btn btn-default">Submit</button>
		</form>



		<br/><br/><br/><br/><br/>

		<form class="form-horizontal" role="form">
			<div class="form-group">
				<label for="inputEmail3" class="col-sm-2 control-label">Email</label>
				<div class="col-sm-10">
					<input type="email" class="form-control" id="inputEmail3"
						placeholder="Email">
				</div>
			</div>
			<div class="form-group">
				<label for="inputPassword3" class="col-sm-2 control-label">Password</label>
				<div class="col-sm-10">
					<input type="password" class="form-control" id="inputPassword3"
						placeholder="Password">
				</div>
			</div>
			<div class="form-group">
				<div class="col-sm-offset-2 col-sm-10">
					<div class="checkbox">
						<label> <input type="checkbox"> Remember me
						</label>
					</div>
				</div>
			</div>
			<div class="form-group">
				<div class="col-sm-offset-2 col-sm-10">
					<button type="submit" class="btn btn-default">Sign in</button>
				</div>
			</div>
		</form>
		
		<br/><br/><br/><br/>
		
		<input type="text" class="form-control" placeholder="Text input"><br/>
		<textarea class="form-control" rows="3"></textarea><br/>
		<div class="checkbox">
			<label> <input type="checkbox" value=""> Option one
				is this and that&mdash;be sure to include why it's great
			</label>
		</div>
		<div class="checkbox disabled">
			<label> <input type="checkbox" value="" disabled>
				Option two is disabled
			</label>
		</div>

		<div class="radio">
			<label> <input type="radio" name="optionsRadios"
				id="optionsRadios1" value="option1" checked> Option one is
				this and that&mdash;be sure to include why it's great
			</label>
		</div>
		<div class="radio">
			<label> <input type="radio" name="optionsRadios"
				id="optionsRadios2" value="option2"> Option two can be
				something else and selecting it will deselect option one
			</label>
		</div>
		<div class="radio disabled">
			<label> <input type="radio" name="optionsRadios"
				id="optionsRadios3" value="option3" disabled> Option three
				is disabled
			</label>
		</div>

		<br/><br/><br/><br/>

		<label class="checkbox-inline"> <input type="checkbox"
			id="inlineCheckbox1" value="option1"> 1
		</label> <label class="checkbox-inline"> <input
			type="checkbox" id="inlineCheckbox2" value="option2"> 2
		</label> <label class="checkbox-inline"> <input
			type="checkbox" id="inlineCheckbox3" value="option3"> 3
		</label> <label class="radio-inline"> <input type="radio"
			name="inlineRadioOptions" id="inlineRadio1" value="option1">
			1
		</label> <label class="radio-inline"> <input type="radio"
			name="inlineRadioOptions" id="inlineRadio2" value="option2">
			2
		</label> <label class="radio-inline"> <input type="radio"
			name="inlineRadioOptions" id="inlineRadio3" value="option3">
			3
		</label> 
		
		
		
		<br/><br/><br/><br/>
		
		<select class="form-control">
			<option>1</option>
			<option>2</option>
			<option>3</option>
			<option>4</option>
			<option>5</option>
		</select> <select multiple class="form-control">
			<option>1</option>
			<option>2</option>
			<option>3</option>
			<option>4</option>
			<option>5</option>
		</select>

		<br/><br/><br/><br/>
		<form class="form-horizontal" role="form">
			<div class="form-group">
				<label class="col-sm-2 control-label">Email</label>
				<div class="col-sm-10">
					<p class="form-control-static">email@example.com</p>
				</div>
			</div>
			<div class="form-group">
				<label for="inputPassword" class="col-sm-2 control-label">Password</label>
				<div class="col-sm-10">
					<input type="password" class="form-control" id="inputPassword"
						placeholder="Password">
				</div>
			</div>
		</form>
		
		<input class="form-control" id="disabledInput" type="text" placeholder="focus" focus>
		<input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
	</div>
</body>
</html>